<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<%@ include file="/WEB-INF/pages/common/meta.jsp" %>

<%@ include file="/WEB-INF/pages/common/ui.jsp"%>

<head>
    <title>客服服务类工单详情</title>
    <script type="text/javascript" src="${ctx}/static/js/main.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/expand/easyui-validatebox.expandMethod.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/cs/waybill/CsWaybillInformation_view.js"></script>
    <script type="text/javascript">
        //查询
        var waybillNum = "${waybillNum}";
        if(waybillNum != ""){
            getWaybillInfoByNum(waybillNum);
        }
    </script>
</head>
<body>
<style type="text/css">
    /*
    覆盖提交按钮样式
    */
    button.tj-btn{height:32px;border-radius: 3px;-webkit-border-radius: 3px; padding:0 10px;border:1px solid #5b308f;overflow:visible;font-size:14px;color:#fff;background:#5b308f; float: left; margin-right: 10px;}
</style>
<div class="container-center-wrap">
    <div class="easyui-tabs tabs-controlbox" data-options="border:0,resizable:true,showHeader:false">
        <div class="accordion-wrap2" id="csWoCustSerDetail" style="width: 100%">
            <div  id= "csWoCustSerAccordion" class="easyui-accordion" data-options="multiple:true" style="width:97%;">
                <div id="waybillInfo" data-options="selected:false" title="运单信息" style="overflow:auto;padding:10px;">
                    <form id="waybillInfoForm" class="hgform">
                        <div class="accordion-container easyuitextbox">
                            <div class="acc-row">
                                <div class="acc-items width25">
                                    <div class="acc-title">运单编号：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input  class="easyui-textbox" id= "waybillNum" name="waybillNum" type="text" value="${waybillNum}" style="text-transform:uppercase"
                                                    data-options="
                                                   validType:'wayBillNum',
                                                   <%--events:{keyup:fnKeyUp},--%>
                                                    icons:[{
                                                        iconCls:'icon-search',
                                                        handler: function(e){
                                                            var waybillNum = $(e.data.target).textbox('getValue');
                                                            getWaybillInfoByNum(waybillNum,true);
                                                        }
                                                    }]"
                                            />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width25">
                                    <div class="acc-title">发件网点：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input  id ="hairPiece" name="hairPiece" class="easyui-textbox" type="text" readonly="readonly"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width25">
                                    <div class="acc-title">发件人：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input id ="addresser" name="addresser" class="easyui-textbox" type="text" readonly="readonly"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width25">
                                    <div class="acc-title">发件电话：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input id="addressPhone" name="addressPhone"  class="easyui-textbox" type="text" readonly="readonly"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="acc-row">
                                <div class="acc-items width25">
                                    <div class="acc-title">收件人：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input id="recipient" name="recipient" class="easyui-textbox" type="text" readonly="readonly"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width25">
                                    <div class="acc-title">收件电话：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input id="recipientPhone" name="recipientPhone" class="easyui-textbox" type="text" readonly="readonly"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width25">
                                    <div class="acc-title">快件内物：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input id="internalGoods" name="internalGoods" class="easyui-textbox" type="text" readonly="readonly"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width25">
                                    <div class="acc-title">快件包装：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input id="expressPacking" name="expressPacking" class="easyui-textbox" type="text" readonly="readonly"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="acc-row">
                                <div class="acc-items width33" style="width:186px;">
                                    <div class="acc-title">发件地址：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "sendProvince"   name="sendProvince" data-options="prompt:'请选择发件省份'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 186px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "sendCity"   name="sendCity" data-options="prompt:'请选择发件市区'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 186px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "sendArea"   name="sendArea" data-options="prompt:'请选择发件区/县'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 186px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "sendTown"  name="sendTown" data-options="prompt:'请选择发件乡/镇'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 486px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main" style="margin-right: 5px;">
                                            <input id="sendAddress" name="sendAddress" data-options="prompt:'发件详细地址'" type="text" class="easyui-textbox" data-options="prompt:'请填写发件详细地址'"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="acc-row">
                                <div class="acc-items width50" style="width:186px;">
                                    <div class="acc-title">收件地址：</div>
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "receiveProvince"   name="receiveProvince" data-options="prompt:'请选择收件省份'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 186px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "receiveCity"   name="receiveCity" data-options="prompt:'请选择收件市区'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 186px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "receiveArea"   name="receiveArea" data-options="prompt:'请选择收件区/县'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 186px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main">
                                            <input class="easyui-combobox" id= "receiveTown"  name="receiveTown" data-options="prompt:'请选择收件乡/镇'" />
                                        </div>
                                    </div>
                                </div>
                                <div class="acc-items width33" style="width: 486px;margin-left:-70px;">
                                    <div class="acc-con">
                                        <div class="acc-con-main" style="margin-right: 5px;">
                                            <input id ="receiveAddress" name="receiveAddress" data-options="prompt:'收件详细地址'" type="text" class="easyui-textbox"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="tab-right-box" style="float: left; margin-left: 10px;width: 1100px;">
                <div class="gongdan-wrap  easyui-tabs" >

                    <div title="物流信息">

                            <!--表格开始-->
                            <div class="table-edit2 js-c-showtable" style="">
                                <table id="logisticsInformationList" class="easyui-datagrid" data-options="collapsible:true,border:0,striped:true">
                                </table>
                            </div>
                            <!--表格结束-->

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>